<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Home</title>
    <meta name="description" content="">
    <link rel="shortcut icon" href="../static/assets/images/favicon.ico">
    <link href="../static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../static/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../static/assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../static/assets/css/dataTables.bootstrap4.min.css"/>
    {% block style %}
    {% endblock %}

</head>

<body class="adminbody">
<div id="main">

    <div class="headerbar">
        <div class="headerbar-left">
                <span style="font-size: 15px;line-height:15px;color: #ffffff;margin: 6px">基于大数据反电信诈骗管理系统</span></a>
        </div>
        <nav class="navbar-custom">
            <ul class="list-inline float-right mb-0">
                <li class="list-inline-item dropdown notif">
                    <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
                       aria-haspopup="false" aria-expanded="false">
                        <i class="fa fa-fw fa-question-circle"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-arrow-success dropdown-lg">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5><small>帮助与支持</small></h5>
                        </div>

                        <!-- item-->
                        <a target="_blank" href="#" class="dropdown-item notify-item">
                            <p class="notify-details ml-0">
                                <b>本系统是识别诈骗系统</b>
                            </p>
                        </a>
                    </div>
                </li>

                <li class="list-inline-item dropdown notif">
                    <a class="nav-link dropdown-toggle arrow-none" data-toggle="dropdown" href="#" role="button"
                       aria-haspopup="false" aria-expanded="false">
                        <i class="fa fa-fw fa-envelope-o"></i></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-arrow-success dropdown-lg">
                        <div class="dropdown-item noti-title">
                            <h5><small><span class="label label-danger pull-xs-right">0</span>未读信息</small>
                            </h5>
                        </div>

                    </div>
                </li>
                <li class="list-inline-item dropdown notif">
                    <a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button"
                       aria-haspopup="false" aria-expanded="false">
                        <img src="../static/assets/images/avatars/admin.png" alt="Profile image" class="avatar-rounded">
                    </a>
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5 class="text-overflow"><small>欢迎你, admin</small></h5>
                        </div>
                        <a href="/personal" class="dropdown-item notify-item">
                            <i class="fa fa-user"></i> <span>个人信息</span>
                        </a>
                        <a href="/login_out" class="dropdown-item notify-item">
                            <i class="fa fa-power-off"></i> <span>注销登录</span>
                        </a>
                    </div>
                </li>

            </ul>

            <ul class="list-inline menu-left mb-0">
                <li class="float-left">
                    <button class="button-menu-mobile open-left">
                        <i class="fa fa-fw fa-bars"></i>
                    </button>
                </li>
            </ul>

        </nav>

    </div>
    <!-- End Navigation -->


    <!-- Left Sidebar -->
    <div class="left main-sidebar">

        <div class="sidebar-inner leftscroll">

            <div id="sidebar-menu">

                <ul>

                    <li class="submenu">
                        <a  href="/index" id="index"><i class="fa fa-fw fa-bars"></i><span> 首页 </span>
                        </a>
                    </li>

                    <li class="submenu">
                        <a href="/wbfl" id="wbfl"><i class="fa fa-fw fa-area-chart"></i><span> 文本分析 </span> </a>
                    </li>

                    <li class="submenu">
                        <a href="/wbgl" id="wbgl"><i class="fa fa-fw fa-table"></i> <span> 文本管理 </span></a>
                    </li>

                    <li class="submenu">
                        <a href="/personal" id="personal"><i class="fa fa-fw fa-file-text-o"></i> <span> 个人信息 </span></a>

                    </li>

                    <li class="submenu">
                        <a href="/user/password" id="password"><i class="fa fa-fw fa-th"></i> <span> 修改密码 </span></a>
                    </li>

                    <li class="submenu">
                        <a href="/user/user" id="user"><i class="fa fa-fw fa-image"></i> <span>用户管理</span></a>
                    </li>
                </ul>

                <div class="clearfix"></div>

            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="content-page">
        {% block content %}
        {% endblock %}

    </div>
</div>
<script src="../static/assets/js/modernizr.min.js"></script>
<script src="../static/assets/js/jquery.min.js"></script>
<script src="../static/assets/js/moment.min.js"></script>

<script src="../static/assets/js/popper.min.js"></script>
<script src="../static/assets/js/bootstrap.min.js"></script>

<script src="../static/assets/js/detect.js"></script>
<script src="../static/assets/js/fastclick.js"></script>
<script src="../static/assets/js/jquery.blockUI.js"></script>
<script src="../static/assets/js/jquery.nicescroll.js"></script>
<script src="../static/js/Chart.min.js"></script>
<script src="../static/js/jquery.dataTables.min.js"></script>
<script src="../static/js/dataTables.bootstrap4.min.js"></script>

<!-- Counter-Up-->
<script src="../static/assets/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
<script src="../static/assets/plugins/counterup/jquery.counterup.min.js"></script>


<script src="../static/plugin/chart/plot/jquery.flot.min.js"></script>
<script src="../static/plugin/chart/plot/jquery.flot.tooltip.min.js"></script>
<script src="../static/plugin/chart/plot/jquery.flot.categories.min.js"></script>
<script src="../static/plugin/chart/plot/jquery.flot.pie.min.js"></script>
<script src="../static/plugin/chart/plot/jquery.flot.stack.min.js"></script>
<script src="../static/scripts/chart.flot.init.min.js"></script>
<script>
    $(document).ready(function () {
        // data-tables
        $('#example1').DataTable();

        // counter-up
        $('.counter').counterUp({
            delay: 10,
            time: 600
        });
    });
</script>

{% block script %}
{% endblock %}

 <script>
            let currentElemt = window.location.pathname;
    // nav菜单选择
    if (currentElemt.indexOf('index') > -1) {
        currentElemt = 'index'
    } else if (currentElemt.indexOf('password') > -1) {
        currentElemt = 'password'
    } else if (currentElemt.indexOf('pjfx') > -1) {
        currentElemt = 'pjfx'
    } else if (currentElemt.indexOf('wbfl') > -1) {
        currentElemt = 'wbfl'
    } else if (currentElemt.indexOf('wbgl') > -1) {
        currentElemt = 'wbgl'
    } else if (currentElemt.indexOf('personal') > -1) {
        currentElemt = 'personal'
    }else if (currentElemt.indexOf('user') > -1) {
        currentElemt = 'user'
    }else if (currentElemt.indexOf('analysis') > -1) {
        currentElemt = 'analysis'
    }else{
        currentElemt = 'index'
    }
    $('#' + currentElemt).addClass('active');
 </script>
</body>
</html>